<template>
    <div class="analyse">
        <div class="container">
            <div class="header">
                <div>
                    <span></span>
                    <h1>资产中心</h1>
                </div>
            </div>
            <div class="conter">
            <div class="show-box">
                <p>登记资产中心</p>
          <el-table
              :data="tableData"
              style="width: 100% font-size；12px">
              <el-table-column
                prop="name"
                label="计算机名称"
                >
              </el-table-column>
              <el-table-column
                prop="system"
                label="操作系统"
                width="96">
              </el-table-column>
              <el-table-column
                prop="ip"
                label="IP"
                width="106">
              </el-table-column>
               <el-table-column
                prop="mac"
                label="MAC"
                width="140">
              </el-table-column>
               <el-table-column
                prop="department"
                label="部门"
                width="66">
              </el-table-column>
               <el-table-column
                prop="user"
                label="使用人"
                width="66">
              </el-table-column>
               <el-table-column
                prop="mobile"
                label="手机"
                width="120">
              </el-table-column>
               <el-table-column
                prop="Mail"
                label="邮箱"
                width="170">
              </el-table-column>
               <el-table-column
                prop="student"
                label="学号"
                width="128">
              </el-table-column>
               <el-table-column
                prop="location"
                label="物理位置"
                width="48">
              </el-table-column>
               <el-table-column
                prop="Landline"
                label="座机"
                width="48">
              </el-table-column>
               <el-table-column
                prop="Remark"
                label="备注"
                width="48">
              </el-table-column>
          </el-table>
            </div>
        </div>
        </div>
    </div>
</template>
<script>
export default {
    data(){
        return{
          tableData: [
          {
            name: 'auleiL23',
            system: 'windaws10',
            ip:'10.2.100.5',
            mac:'9E:GE:EC:CF:AC:F9',
            department:'教学部',
            user:'徐磊',
            mobile:'15979614523 ',
            Mail:'1259426091@qq.com',
            student:'未知',
            location:'未知',
            Landline:'未知',
            Remark:'未知'
          },
          {
            name: 'wl5465',
            system: 'windaws10',
            ip:'10.2.100.4',
            mac:'F1:ER:07:51:8D:E3',
            department:'学生部',
            user:'许丽',
            mobile:'15207821561',
            Mail:'xuli@qq.com',
            student:'1728365053624',
            location:'未知',
            Landline:'未知',
            Remark:'未知'
          },
          {
            name: 'shiyarlou',
            system: 'windaws10',
            ip:'192.168.17.2',
            mac:'8B:F7:EF:7D:94:56',
            department:'管理处',
            user:'张为民',
            mobile:'13779776254 ',
            Mail:'未知',
            student:'未知',
            location:'未知',
            Landline:'未知',
            Remark:'未知'
          },
          ]
        }
    }
}
</script>
<style lang="less" scoped>
body{
    background-color: rgb(245, 246, 250);  
}
ul,li{
    list-style: none;
}

.analyse{
    // background-color: rgb(245, 246, 250);
    overflow: hidden;
    margin-top: 15px;
}
.container{
    width: 1200px;
    margin: 0 auto;
}
.header{
    height: 75px;
    background-color: rgb(251, 252, 253);
    
}
.header div{
    display: flex;
    align-items:center;
    margin-left: 30px;
    height: 100%;
}
.header div h1{
    font-size: 24px;
    margin: 0;
}
.header span{
    background-color: rgb(8, 197, 115);
    width: 8px;
    height: 28px;
    margin-right: 10px;
}
.show-box{
    background-color:white ;
}
.show-box h2{
    margin-left: 30px;
}
.show-box ul{
    display: flex;
    padding: 0;
    border-top:1px solid rgb(235, 237, 238) ;
    height: 40px;
    line-height: 40px;
    margin: 0;
}
 li{
    flex: 1;
}
.id{
    flex-grow: 0.5;
}
.weixie{
   flex-grow:2;
}
#title{
    font-weight: bold;
    font-size: 14px;
    border-bottom:1px solid rgb(235, 237, 238);
    height: 50px;
}
#title li{
    line-height: 50px;
}
.show-box{
    font-size: 14px;
    padding: 15px 30px 30px;
    margin-bottom: 20px;
}
.show-box p {
    font-size: 18px;
    font-weight: bold;
    margin: 0;
    margin-left: 10px;
    height: 40px;
    
}
</style>
